
<template>
  <div class="togetherDonate">
    <div>
      <div class="head">
        <i class="iconfont head-icon" @click="comeback">&#xe689;</i>
        <span>{{toliste.eventName}}</span>
      </div>
      <div class="bgc">
        <img src="../../images/findHome.png" alt="">
        <!--<img v-if="typeof(tolists.headUrl) == 'string' && tolists.headUrl != '' && tolists.headUrl.indexOf('http') != -1" :src="tolists.headUrl" alt="">-->
        <!--<img v-else-if="typeof(tolists.headUrl) == 'string' && tolists.headUrl != '' && tolists.headUrl.indexOf('http') == -1" :src="imageUrl.imageUrl + tolists.headUrl" alt="">-->
        <!--<img v-else="" src="../../images/morentouxiang02.jpg" alt="">-->
      </div>
      <div class="zjs">
        <span style="font-size: 18px"></span>
        <span>{{toliste.eventContent}}</span>
        <div class="chakan">查看详情</div>
      </div>
      <div class="jkqk">
        <span style="margin-left: 15px;cursor: pointer;">捐款情况</span>
        <span style="float: right;cursor: pointer;">
          <router-link to="/togetherShop" style="color: #1AAC19">
                更多
              </router-link>
        </span>
      </div>
      <div class="flex-box">
        <div class="flex-container">
          <div class="flex-item" v-for="stores in store">
            <div class="o2o7">{{stores.storeId}}店</div>
            <div class="y864">
              <p>{{stores.storeName}}</p>
              <p><span class="spp">{{stores.money}}</span>元</p>
            </div>
          </div>
      </div>
        <!--<div class="flex-item">-->
          <!--<div class="o2o7">0207店</div>-->
          <!--<div class="y864">-->
            <!--<p>已捐赠</p>-->
            <!--<p><span class="spp">864</span>元</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="flex-item">-->
          <!--<div class="o2o7">0207店</div>-->
          <!--<div class="y864">-->
            <!--<p>已捐赠</p>-->
            <!--<p><span class="spp">864</span>元</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="flex-item">-->
          <!--<div class="o2o7">0207店</div>-->
          <!--<div class="y864">-->
            <!--<p>已捐赠</p>-->
            <!--<p><span class="spp">864</span>元</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="flex-item">-->
          <!--<div class="o2o7">0207店</div>-->
          <!--<div class="y864">-->
            <!--<p>已捐赠</p>-->
            <!--<p><span class="spp">864</span>元</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="flex-item">-->
          <!--<div class="o2o7">0207店</div>-->
          <!--<div class="y864">-->
            <!--<p>已捐赠</p>-->
            <!--<p><span class="spp">864</span>元</p>-->
          <!--</div>-->
        </div>
      </div>
      <div class="jkqk">活动成果</div>
      <div class="er">
        <div class="im-box">
          <div class="imgg-box">
            <img src="../../images/findHome.png" alt="">
          </div>
          <div class="zqp">
            梦想足球场 圆农村孩子的足球梦 梦想足球场 圆农村孩子的足球梦
          </div>
        </div>
      </div>
      <div class="im-box im">
        <div class="imgg-box">
          <img src="../../images/findHome.png" alt="">
        </div>
        <div class="zqp">
          梦想足球场 圆农村孩子的足球梦 梦想足球场 圆农村孩子的足球梦
        </div>
      </div>
      <div class="btn" @click="wantJuank">
        <i class="iconfont head-icon"
           style="font-size: 16px;">&#xe625;</i>
        <span>我要捐款</span>

      </div>


      <div v-transfer-dom>
        <alert v-model="showAlert" :title="titleAlert"  button-text="确定">
          <!--<qrcode :value="qrcodeImg" type="img"></qrcode>-->
          <vue-qr  :logoSrc="logoSrc" :text="qrcodeImg" height="200" width="200" :margin="margin" colorDark="#333333" colorLight="#333333" :dotScale="dotScale" :logoMargin="logoMargin" :logoCornerRadius="logoCornerRadius"></vue-qr>
        </alert>
      </div>
    <div class="popup">
      <div>
        <popup v-model="show" :hide-on-blur=true position="bottom" width='auto'>
          <div class="popup2">
            <group>
              <cell title="请选择专营店">
                <x-icon type="ios-close-empty" size="24" @click="isShow"></x-icon>
              </cell>
            </group>
            <checker
              style="padding-top: 10px"
              v-model="demo"
              default-item-class="demo5-item"
              selected-item-class="itemselected"
              :radio-required="true"
              @on-change="checkerWitch()"
            >
              <div>
                <div class="box">
                  <checker v-model="demo12" default-item-class="demo1-item" selected-item-class="demo1-item-selected">
                      <checker-item value="1">{{ demo1Required }}店</checker-item>
                      <checker-item value="2">{{ demo1Required }}店</checker-item>
                      <checker-item value="3">{{ demo1Required }}店</checker-item>
                      <checker-item value="4">{{ demo1Required }}店</checker-item>
                      <checker-item value="5">{{ demo1Required }}店</checker-item>
                      <checker-item value="6">{{ demo1Required }}店</checker-item>
                  </checker>
                </div>
              </div>
            </checker>

            <group>
              <cell title="请输入捐款金额">
                <x-icon type="ios-close-empty" size="24" @click="isShow"></x-icon>
              </cell>
            </group>
            <checker
              style="padding-top: 10px"
              v-model="demo"
              default-item-class="demo5-item"
              selected-item-class="itemselected"
              :radio-required="true"
              @on-change="checkerWitch()"
            >
              <checker-item v-for="i in [1, 10, 100, 1000,10000]" :value="i">{{i}}元</checker-item>
              <checker-item class="qitajine" :value="textMoney" v-bind:class="{ itemselected: ifselected}">
                <input type="number" @keyup="keyups" @blur="blurs" placeholder="其他金额"
                       style="width: 66%;height: 73%;border: none;" v-model="textMoney">
              </checker-item>
            </checker>
            <x-button type="primary" @click.native="primary">立刻捐款</x-button>
            <div>
              <input type="checkbox" value="" v-model="checkOK" @change="checkOk" style="margin-bottom: 2px">
              <span style="color: #999999;font-size: 14px">同意并接受</span>
              <router-link :to="{path: '/aboutqqc', query: {witchOne: 'tiaokuan'}}"><em style="font-size: 14px">《亲青筹用户协议》</em>
              </router-link>
            </div>
            <!--适应苹果手机-->
            <div style="width: 100%;height: 20px"></div>
          </div>
        </popup>

      </div>
    </div>
  </div>
</template>



<style lang="scss" src="./togetherWelfare.scss"></style>
<script src="./togetherWelfare.js"></script>
